<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>管理印章</title>
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="Shortcut Icon" href="cachet.ico">
</head>
<body >
<div class="alert_bigbox">
    <ul class="new_computer alert_box">
        <li>
            <div class="layui-input-inline ">
                <label class="layui-form-label">设备编号:</label>
                <div class="layui-input-inline new_textcontent">
                    2939747477446
                </div>
            </div>
            <div class="layui-input-inline ">
                <label class="layui-form-label">印章名称:</label>
                <div class="layui-input-inline  new_textcontent">
                    财务印章
                </div>
            </div>
        </li>
        <li>
            <div class="layui-input-inline ">
                <label class="layui-form-label">开通时间:</label>
                <div class="layui-input-inline  new_textcontent">
                    2018-01-01 00：00：22
                </div>
            </div>
            <div class="layui-input-inline ">
                <label class="layui-form-label">失效时间:</label>
                <div class="layui-input-inline new_textcontent">
                    2018-01-01 00：00：22
                </div>
            </div>
        </li>
        <li>
            <div class="layui-input-inline ">
                <label class="layui-form-label">外带次数:</label>
                <div class="layui-input-inline new_textcontent">
                    222
                </div>
            </div>
            <div class="layui-input-inline ">
                <label class="layui-form-label">使用总次数:</label>
                <div class="layui-input-inline  new_textcontent">
                    2034
                </div>
            </div>
        </li>
        <li>
            <div class="layui-input-inline ">
                <label class="layui-form-label">状态:</label>
                <div class="layui-input-inline new_textcontent">
                    正常
                </div>
            </div>
            <div class="layui-input-inline ">
                <label class="layui-form-label">保管员:</label>
                <div class="layui-input-inline  new_textcontent">
                    小名
                </div>
            </div>
        </li>
    </ul>
    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
        <ul class="layui-tab-title">
            <li class="layui-this">申请记录</li>
            <li>使用记录</li>
        </ul>
        <div class="layui-tab-content" >
            <div class="layui-tab-item layui-show">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">申请人</label>
                        <div class="layui-input-inline">
                            <input type="text" name=""  autocomplete="off" class="layui-input" placeholder="管理员姓名">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">申请时间</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input test-items" id="test6" placeholder=" - ">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <div class="layui-input-inline width100">
                            <button class="layui-btn" lay-submit="" lay-filter="demo1">搜索</button>
                        </div>
                    </div>

                </div>
                <table class="layui-table mytable" lay-even="" lay-skin="nob">
                    <colgroup>
                        <col>
                        <col>
                        <col>
                        <col>
                        <col>
                        <col>
                        <col>
                        <col>
                    </colgroup>
                    <thead>
                    <tr>
                        <th>设备编号</th>
                        <th>设备型号</th>
                        <th>申请日期</th>
                        <th>开通日期</th>
                        <th>失效日期</th>
                        <th>设备状态</th>
                        <th>使用次数</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>sj001</td>
                        <td>v1</td>
                        <td>2018-02-09</td>
                        <td>2018-02-09</td>
                        <td>2018-02-09</td>
                        <td><span class="color_orange">待绑定</span></td>
                        <td>0</td>
                        <td class="allbox_a"><a href="javascript:;">查看详情</a></td>
                    </tr>
                    <tr>
                        <td>sj001</td>
                        <td>v1</td>
                        <td>2018-02-09</td>
                        <td>2018-02-09</td>
                        <td>2018-02-09</td>
                        <td> <span class="color_green">待添加</span></td>
                        <td>0</td>
                        <td class="allbox_a"><a href="javascript:;">查看详情</a></td>
                    </tr>
                    <tr>
                        <td>sj001</td>
                        <td>v1</td>
                        <td>2018-02-09</td>
                        <td>2018-02-09</td>
                        <td>2018-02-09</td>
                        <td><span class="color_red">使用中</span></td>
                        <td>0</td>
                        <td class="allbox_a"><a href="javascript:;">查看详情</a></td>
                    </tr>
                    <tr>
                        <td>sj001</td>
                        <td>v1</td>
                        <td>2018-02-09</td>
                        <td>2018-02-09</td>
                        <td>2018-02-09</td>
                        <td><span class="color_666">已过期</span></td>
                        <td>0</td>
                        <td class="allbox_a"><a href="javascript:;">查看详情</a></td>
                    </tr>
                    <tr>
                        <td>sj001</td>
                        <td>v1</td>
                        <td>2018-02-09</td>
                        <td>2018-02-09</td>
                        <td>2018-02-09</td>
                        <td><span class="color_666">已过期</span></td>
                        <td>0</td>
                        <td class="allbox_a"><a href="javascript:;">查看详情</a></td>
                    </tr>
                    </tbody>
                </table>
                <div class="my_newlayerpage">
                    <div id="demo3"  class="page_next"></div>
                </div>
            </div>
            <div class="layui-tab-item">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">使用人</label>
                        <div class="layui-input-inline">
                            <input type="text" name=""  autocomplete="off" class="layui-input" placeholder="管理员姓名">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">使用时间</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input test-items" id="test7" placeholder=" - ">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <div class="layui-input-inline width100">
                            <button class="layui-btn" lay-submit="" lay-filter="demo1">搜索</button>
                        </div>
                    </div>
                </div>
                <table class="layui-table mytable" lay-even="" lay-skin="nob">
                    <colgroup>
                        <col>
                        <col>
                        <col>
                        <col>
                        <col>
                    </colgroup>
                    <thead>
                    <tr>
                        <th>使用时间</th>
                        <th>使用地点</th>
                        <th>使用人</th>
                        <th>凭证记录</th>
                        <th>使用说明</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>2018-02-02 12：00：00</td>
                        <td>上海</td>
                        <td>小红</td>
                        <td class="allbox_a"><a href="javascript:;">查看</a></td>
                        <td>xxxx合同</td>
                    </tr>
                    <tr>
                        <td>2018-02-02 12：00：00</td>
                        <td>上海</td>
                        <td>小红</td>
                        <td class="allbox_a"><a href="javascript:;">查看</a></td>
                        <td>xxxx合同</td>
                    </tr>
                    <tr>
                        <td>2018-02-02 12：00：00</td>
                        <td>上海</td>
                        <td>小红</td>
                        <td class="allbox_a"><a href="javascript:;">查看</a></td>
                        <td>xxxx合同</td>
                    </tr>
                    <tr>
                        <td>2018-02-02 12：00：00</td>
                        <td>上海</td>
                        <td>小红</td>
                        <td class="allbox_a"><a href="javascript:;">查看</a></td>
                        <td>xxxx合同</td>
                    </tr>
                    <tr>
                        <td>2018-02-02 12：00：00</td>
                        <td>上海</td>
                        <td>小红</td>
                        <td class="allbox_a"><a href="javascript:;">查看</a></td>
                        <td>xxxx合同</td>
                    </tr>
                    </tbody>
                </table>
                <div class="my_newlayerpage">
                    <div id="demo4" class="page_next"></div>
                </div>
            </div>
        </div>
    </div>



</div>
<script src="./layui/layui.js"></script>
<script>
    layui.use(['element','laydate','laypage'], function(){
        var element = layui.element;
        var laydate = layui.laydate;
        var laypage = layui.laypage,layer = layui.layer;
        // 时间选择
        lay('.test-items').each(function(){
            laydate.render({
                elem: this
                ,trigger: 'click'
            });
        });
        //自定义首页、尾页、上一页、下一页文本
        lay('.page_next').each(function () {
            laypage.render({
                elem: this
                ,trigger: 'click'
                ,count: 100
                ,first: '首页'
                ,last: '尾页'
                ,prev: '<em>←</em>'
                ,next: '<em>→</em>'
            });
        });


    });
</script>
</body>
</html>